<template>
  <div>
    <h2>Example heading <b-badge>New</b-badge></h2>
    <h3>Example heading <b-badge>New</b-badge></h3>
    <h4>Example heading <b-badge>New</b-badge></h4>
    <h5>Example heading <b-badge>New</b-badge></h5>
    <h6>Example heading <b-badge>New</b-badge></h6>
    <b-button variant="primary">
      Notifications <b-badge variant="light">4</b-badge>
    </b-button>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        dismissSecs: 10,
        dismissCountDown: 0,
        showDismissibleAlert: false
      }
    },
    methods: {
      countDownChanged (dismissCountDown) {
        this.dismissCountDown = dismissCountDown
      },
      showAlert () {
        this.dismissCountDown = this.dismissSecs
      }
    }
  }
</script>
